/*全局设置*/
.container-box{
    padding-left: 20rpx;
    padding-right: 20rpx;
    height:100%;
}
/*头部设置*/
.top-title-box{
    width: 100%;
    margin-top: 20rpx;
}
.top-title{
    font-size:50rpx;
}
.top-btn-box{
    margin-top: 20rpx;
}
.top-btn{
    border-radius: 20rpx;
    background-color: white;
    border: 1px solid darkorange;
    color: darkorange;
    width: 100%;
    height:100%;
}
/*轮播图设置*/
.top-swiper{
    margin-top: 10rpx;
}
.swiper{
    width:100%;
    height:400rpx;
    margin-top: 20rpx;
}
.swiper-item{
    border-radius: 20rpx;
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}
.swiper-img{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 100%;
    min-height: 100%;
    transform:translate(-50%,-50%);
}
/*主体设置*/
.main-box{
    margin-top: 10rpx;
}
.main-title-box{
    width: 100%;
    margin-top: 30rpx;
}
.main-title{
    font-size:40rpx;
}
.main-btn-box{
    margin-top: 20rpx;
}
.main-btn{
    border-radius: 20rpx;
    background-color: white;
    border: 1px solid darkorange;
    color: darkorange;
    width: 100%;
    height:100%;
}
/*主体图片部分*/
.main-scroll{
    width: 100%;
    height: 480rpx;
    white-space: nowrap;
}
.main-scroll-item{
    display: inline-block;
    width: 40%;
    height: 100%;
    margin-right: 20rpx;
    margin-top: 20rpx;
}
.main-scroll-item:last-child{
    margin-right: 0;
}
.main-scroll-item-img-box{
    border-radius: 10rpx;
    width:100%;
    height:75%;
    overflow:hidden;
    position:relative;
}
.main-scroll-item-img{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 100%;
    min-height: 100%;
    transform:translate(-50%,-50%);
}
/*主体图片信息部分*/
.main-scroll-item-info{
    margin-top: 10rpx;
}
.main-scroll-item-title-box{
    width: 100%;
    height:25%;
}
.main-scroll-item-title-box{
    float: left;
}
.main-scroll-item-btn-box{
    float:right;
}
.main-scroll-item-info-btn{
    float:right;
    height:90rpx;
    width: 90rpx;
    border-radius: 50rpx;
    background-color: darkorange;
    color:white;
}
.main-scroll-item-info-btn{
    font-size:40rpx;
    font-weight: bolder;
    vertical-align:middle;
    text-align: center;
    line-height: 90rpx;
}
/*底部设置*/
.bottom-box{
    margin-top: 20rpx;
    border-radius: 100rpx;
    width:100%;
    height:400rpx;
    overflow:hidden;
    position:relative;
}
.bottom-box-img{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 100%;
    min-height: 100%;
    transform:translate(-50%,-50%);
}
/*留白设置*/
.message{
    height:180rpx;
}